<template>
	<div class="water-level" ref="water-level"></div>
</template>

<script>
	import { waterLevel } from 'common/js/echart'

export default {
		mounted () {
			setTimeout(() => {
				this.echart = echarts.init(this.$refs['water-level'])
			this.echart.setOption(waterLevel)
		}, 20)
		},
		data () {
			return {
				echart: null
			}
		}
	}
</script>

<style scoped lang="scss">
	.singleWaterNet-model {
		.water-level {
			width: 100%;
			height: 100%;
		}
	}
</style>
